/*pro_banner*/
.pro_banner{width:100%;height:500px;background: url(../images/3dbg.webp) no-repeat center center;background-size: cover;position:relative;}
.pro_banner .wp{position:relative;}
.pro_banner .pa_con{width:calc(100% - 500px);position:absolute;height:100%;right:0;top:0;padding-bottom:80px;padding-right:40px;
	display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.pro_banner .pa_con .pa_txt .pa_pp{text-align:right;padding-top:100px;}
.pro_banner .pa_con .pa_txt .pa_pp .pa_p{margin:0;line-height:52px;height:52px;font-size:42px;font-weight:bold;color:#fff;position:relative;}
.pro_banner .pa_con .pa_txt .pa_pp span{display:block;text-transform:uppercase;font-size:18px;height:18px;line-height:18px;font-weight:bold;color:#24344E;margin-top:4px;}
.pro_banner .pa_con .pa_txt .pa_pp i{display:inline-block;width:85px;height:2px;background:#fff;margin-top:17px;}
.pro_banner .pa_con .pa_txt .pa_pp p{margin:0;line-height:30px;font-size:18px;color:#FFF;margin-top:15px;}
.pro_banner .pa_con .pa_span{text-align:right;margin-bottom:15px;color:#FF890B;margin-top:40px;}
.pro_banner .pa_con .pa_anniu{
	display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:right;
    -webkit-justify-content:right;
    -moz-box-pack:right;
    -ms-flex-pack:right;
    justify-content:right;
}
.pro_banner .pa_con .fj_btn{display:inline-block;height:40px;line-height:40px;padding:0 22px;background:rgba(0,0,0,.5);border-radius:3px;font-size:15px;color:#FFF;cursor:pointer;margin-left:15px;margin-bottom:30px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.pro_banner .pa_con .fj_btn:hover{padding:0 28px;background:#0E5291;}
#one {float:left;width: 500px;height: 500px;}
#canvasbg{position:absolute;height:100%;width:100%;overflow:hidden;left:0;top:0;}

@media screen and (max-width:1430px){
	.pro_banner{height:430px;}
	#one{width:430px;height:430px;}
	.pro_banner .pa_con{padding-bottom:50px;width:calc(100% - 430px);}
	.pro_banner .pa_con .pa_txt .pa_pp{padding-top:60px;}
	.pro_banner .pa_con .pa_txt .pa_pp .pa_p{font-size:36px;height:46px;line-height:46px;}
	.pro_banner .pa_con .pa_txt .pa_pp span{font-size:16px;height:16px;line-height:16px;}
	.pro_banner .pa_con .pa_txt .pa_pp i{margin-top:13px;}
	.pro_banner .pa_con .pa_txt .pa_pp p{font-size:16px;margin-top:10px;line-height:26px;}
	.pro_banner .pa_con .pa_span{margin-top:30px;margin-bottom:10px;}
	.pro_banner .pa_con .fj_btn{font-size:14px;height:36px;line-height:36px;margin-left:10px;margin-bottom:20px;padding:0 15px;}
	.pro_banner .pa_con .fj_btn i{height:36px;}
	.pro_banner .pa_con .fj_btn:hover{padding:0 20px;}
}

@media screen and (max-width:1230px){
	.pro_banner{height:380px;}
	#one{width:380px;height:380px;}
	.pro_banner .pa_con{padding-bottom:30px;width:calc(100% - 380px);}
	.pro_banner .pa_con .pa_txt .pa_pp{padding-top:60px;}
	.pro_banner .pa_con .pa_txt .pa_pp .pa_p{font-size:24px;height:34px;line-height:34px;}
	.pro_banner .pa_con .pa_txt .pa_pp span{font-size:14px;height:14px;line-height:14px;}
	.pro_banner .pa_con .pa_txt .pa_pp i{margin-top:10px;}
	.pro_banner .pa_con .pa_txt .pa_pp p{font-size:14px;margin-top:8px;line-height:24px;}
	.pro_banner .pa_con .pa_span{margin-top:20px;}
	.pro_banner .pa_con .fj_btn{font-size:14px;height:33px;line-height:33px;margin-left:8px;margin-bottom:12px;padding:0 13px;}
	.pro_banner .pa_con .fj_btn i{height:33px;}
	.pro_banner .pa_con .fj_btn:hover{padding:0 16px;}
}

@media screen and (max-width:1023px){
	.pro_banner{height:350px;}
	#one{width:350px;height:350px;}
	#canvasbg{display:none;}
	.pro_banner .pa_con{padding-bottom:20px;width:calc(100% - 350px);}
	.pro_banner .pa_con .pa_txt .pa_pp{padding-top:60px;}
	.pro_banner .pa_con .pa_span{margin-top:10px;}
	.pro_banner .pa_con .fj_btn{font-size:12px;height:30px;line-height:30px;margin-left:5px;margin-bottom:8px;padding:0 10px;}
	.pro_banner .pa_con .fj_btn i{height:30px;}
	.pro_banner .pa_con .fj_btn:hover{padding:0 15px;}
}

@media screen and (max-width:767px){
	.pro_banner{height:auto;float:none;}
	#one{width:calc(100vw - 30px);height:calc(100vw - 30px);}
	.pro_banner .pa_con{padding-bottom:10px;width:100%;float:none;position:relative;padding-right:0;}
	.pro_banner .pa_con .pa_txt .pa_pp{display:none;}
	.pro_banner .pa_con .pa_span{text-align:center;margin-top:0;}
	.pro_banner .pa_con .pa_anniu{padding:0 15%;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-moz-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		flex-wrap:wrap;
	}
}











/*product*/
.productlist{padding:0 0 40px;}
.productlist .pl_left{width:320px;float:left;margin-top:30px;}
.productlist .pl_left .pl_title{background:#0E5291;font-size:28px;height:90px;line-height:90px;text-indent:40px;color:#FFF;font-weight:bold;background-size:100% auto;}
.productlist .pl_left .pl_r{width:calc(100% - 150px);float:right;height:50px;line-height:50px;background:#E6E6E6;padding-right:50px;position:relative;text-align:center;display:none;}
.productlist .pl_left .pl_r i{display:block;position:absolute;right:0;top:0;width:50px;height:50px;background:url(arrowicon.png) no-repeat center center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.productlist .pl_left .pl_r.on i{transform:rotate(90deg);}
.productlist .pl_left .pll_ul{border:1px solid #E6EAE9;padding-top:2px;}
.productlist .pl_left .pll_ul .pll_li{width:100%;color:rgba(0, 0, 0, 0.86);}
.productlist .pl_left .pll_ul .pll_li .p{margin:0;height:40px;line-height:40px;font-size:14px;padding:0 45px 0 15px;border-left:7px solid #006dc9;background:#F5F5F5;position:relative;cursor:pointer;font-weight:bold;display:block;}
.productlist .pl_left .pll_ul .pll_li .p>i{display:block;position:absolute;width:40px;height:40px;background:url(arrowicon.png)  no-repeat center center;transform:rotate(90deg);right:0;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:none;}
.productlist .pl_left .pll_ul .pll_li .p:hover{color:#FF890B;}
.productlist .pl_left .pll_ul .pll_li.on .p>i{transform:rotate(90deg);}
.productlist .pl_left .pll_ul .pll_li ul{margin:0;padding:0 15px;}
.productlist .pl_left .pll_ul .pll_li ul li{padding:0 8px;}
.productlist .pl_left .pll_ul .pll_li ul li>a{display:block;height:36px;line-height:36px;font-size:14px;position:relative;padding-left:15px;color:#FF890B;}
.productlist .pl_left .pll_ul .pll_li ul li>a:before{content:'';width:5px;height:5px;background:#FF890B;position:absolute;left:5px;top:15px;}
.productlist .pl_left .pll_ul .pll_li ul li>a.on,.productlist .pl_left .pll_ul .pll_li ul li>a:hover{color:#FFF;background:#CCC;}
.productlist .pl_left .pll_ul .pll_li ul li>a.on:before,.productlist .pl_left .pll_ul .pll_li ul li>a:hover:before{background:#FFF;}
.productlist .pl_left .pll_ul .pll_li ul li dl{margin:0;padding:0 15px;display:none;}
.productlist .pl_left .pll_ul .pll_li ul li dl dd{height:28px;line-height:28px;font-size:13px;}
.productlist .pl_left .pll_ul .pll_li ul li dl dd>a.on,.productlist .pl_left .pll_ul .pll_li ul li dl dd>a:hover{color:#FF890B;}
.productlist .plr_ul{width:calc(100% - 320px);float:right;padding-left:30px;padding-top:30px;}
.productlist .plr_ul .plr_txt{border:1px solid #E5E5E5;padding:15px 20px;background:#1c90e8;}
.productlist .plr_ul .plr_txt p{margin:0;font-size:15px;line-height:30px;text-indent:2em;color:#FFF;}
.productlist .plr_ul .plr_li{width:49%;margin-left:2%;float:left;margin-top:30px;background:#F7F7F7;}
.productlist .plr_ul .plr_li:nth-child(odd){margin-left:0;}
.productlist .plr_ul .plr_li .plrl_left{width:220px;float:left;}
.productlist .plr_ul .plr_li .plrl_left .plrl_img{width:100%;padding-bottom:100%;position:relative;}
.productlist .plr_ul .plr_li .plrl_left .plrl_img img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.productlist .plr_ul .plr_li .plrl_right{width:calc(100% - 220px);float:right;padding:6px 15px 6px 20px;}
.productlist .plr_ul .plr_li .plrl_right .title{margin:0;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#000;display:block;}
.productlist .plr_ul .plr_li .plrl_right a{display:block;font-size:14px;line-height:24px;}
.productlist .plr_ul .plr_li .plrl_right a:hover{background:#006dc9;color:#FFF;}



.ps_content{margin-top:30px;width:calc(100% - 320px);float:right;padding-left:30px;}
.ps_content .ps_span{background:#F2F2F2;font-size:0;-webkit-text-size-adjust:none;}
.ps_content .ps_span span{height:40px;line-height:40px;display:inline-block;padding:0 20px;color:#444;cursor:pointer;border-right:1px solid #FFF;cursor:pointer;font-size:14px;}
.ps_content .ps_span span.hover{background:#006dc9;color:#FFF;}
.ps_content .pro_table{padding:30px 0;}
.ps_content .pro_table table{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;margin:0 auto;width:100%!important;} 
.ps_content .pro_table table td{border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:5px;text-align:center!important;}
.ps_content .pro_table table td p{margin:0;line-height:1.5;}
.ps_content .pro_txt{font-size:15px;line-height:30px;padding:25px 0;}
.ps_content .pro_txt h2{margin:0;font-size:20px;font-weight:bold;line-height:30px;padding:10px 0;}
.ps_content .pro_txt h3{margin:0;font-size:18px;font-weight:bold;line-height:30px;padding:8px 0;}
.ps_content .pro_txt p{margin:0;font-size:15px;line-height:30px;margin-top:4px;}
.ps_content .pro_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}
.ps_content .pro_txt table{border-top:1px solid #f1f1f1 ;border-left:1px solid #f1f1f1 ;margin:0 auto;width:100%!important;} 
.ps_content .pro_txt table td{border-right:1px solid #f1f1f1 ;border-bottom:1px solid #f1f1f1 ;padding:5px;}
.ps_content .pro_txt table td p{margin:0;line-height:1.2;text-align:center;}
.ps_content .pro_txt iframe{width:100%;height:600px;}
.ps_content .pro_img{padding:20px 0;}
.ps_content .pro_img img{max-width:100%;display:block;height:auto;margin:0 auto;}

/*product_news*/
.product_news{background:#F5F5F5;padding:40px 0;}
.product_news .sub_title{text-align:center;position:relative;}
.product_news .sub_title .s_t{margin:0;font-size:36px;color:#313131;height:46px;line-height:46px;position:relative;font-weight:bold;}
.product_news .sub_title .s_t span{font-weight:bold;color:#53b753;}
.product_news .sub_title i{display:block;width:41px;height:4px;background:#2968E6;margin:19px auto 0;}
.product_news .sub_title p{margin:0;font-size:16px;color:#666;line-height:26px;margin-top:6px;}
.product_news .pn_ul{width:100%;overflow:hidden;margin-top:30px;}
.product_news .pn_ul .pn_img{width:100%;padding-bottom:75%;position:relative;}
.product_news .pn_ul .pn_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.product_news .pn_ul .pn_txt{padding:15px 20px;background:#FFF;}
.product_news .pn_ul .pn_txt p{font-size:14px;line-height:23px;color:#666;}
.product_news .pn_ul .pn_txt p:first-child{font-size:18px;height:26px;line-height:26px;font-weight:bold;color:#222;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_news .pn_ul .pn_txt p:nth-child(2){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.product_news .pn_ul .pn_txt span{display:block;font-size:12p;height:14px;line-height:14px;margin-top:20px;color:#999;}
.product_news .pn_ul .swiper-slide:hover .pn_txt{background:#0E5291;}
.product_news .pn_ul .swiper-slide:hover .pn_txt p{color:#FFF;}
.product_news .pn_ul .swiper-slide:hover .pn_txt span{color:#FFF;}


/*1200以下屏幕*/
@media screen and (max-width:1430px){
    #topbg{height:109px;}
    .product_news{padding:30px 0;}
    .product_news .sub_title .s_t{font-size:30px;height:40px;line-height:40px;}
    .product_news .sub_title i{margin:10px auto 0;}
    .product_news .pn_ul{margin-top:20px;}
    .product_news .pn_ul .pn_txt{padding:12px 15px;}
    .product_news .pn_ul .pn_txt p:first-child{margin-bottom:12px;}
    .product_news .pn_ul .pn_txt span{margin-top:15px;}
}
/*992以下屏幕*/
@media screen and (max-width:1230px){
    #topbg{height:96px;}
    .productlist .plr_ul .plr_li .plrl_right a{font-size:13px;}

    .productlist .plr_ul .plr_li{width:100%;float:none;margin-left:0;}
    .productlist .pl_left{width:100%;float:none;margin-top:0;position:relative;z-index:2;}
    .productlist .pl_left .pl_title{width:150px;height:50px;line-height:50px;font-size:18px;float:left;}
    .productlist .pl_left .pl_r{display:block;}
    .productlist .pl_left .pll_ul{display:none;position:absolute;left:0;top:50px;width:100%;background:#FFF;padding-top:0;}
    .productlist .pl_left .pll_ul .pll_li{border-bottom:1px solid #FFF;}
    .productlist .pl_left .pll_ul .pll_li .p{border-left:none;}
    .productlist .pl_left .pll_ul .pll_li .p:hover{color:rgba(0, 0, 0, 0.86);}
    .productlist .pl_left .pll_ul .pll_li .p>i{transform:rotate(0deg);display:block;}
    .productlist .pl_left .pll_ul .pll_li ul{display:none;}
    .productlist .plr_ul{width:100%;float:none;padding-left:0;padding-top: 0;}
  
    .ps_content{width:100%;float:none;padding-left:0;margin-top:20px;}
    .t1{margin-top:20px;}

    .product_news{padding:20px 0;}
    .product_news .sub_title .s_t{font-size:26px;height:34px;line-height:34px;}
    .product_news .sub_title i{margin:6px auto 0;}
    .product_news .sub_title p{font-size:13px;line-height:22px;margin-top:5px;}
    .product_news .pn_ul{margin-top:15px;}
    .product_news .pn_ul .pn_txt{padding:10px 12px;}
    .product_news .pn_ul .pn_txt p{font-size:13px;line-height:22px;}
    .product_news .pn_ul .pn_txt p:first-child{margin-bottom:10px;font-size:16px;height:24px;line-height:24px;}
    .product_news .pn_ul .pn_txt span{margin-top:12px;}
}
@media screen and (max-width:1023px){
    .product_news .sub_title .s_t{font-size:22px;height:30px;line-height:30px;}

}
/*768以下屏幕*/
@media screen and (max-width:767px){
    .product_news .pn_ul .pn_txt{padding:10px 8px;}
    .product_news .sub_title .s_t{font-size:20px;height:28px;line-height:28px;}
    .product_news .sub_title i{width:30px;height:2px;}
    .product_news .sub_title p{line-height:20px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
    .productlist .plr_ul .plr_li .plrl_left{width:100%;float:none;}
    .productlist .plr_ul .plr_li .plrl_right{width:100%;float:none;padding:15px 10px;}
    .productlist .plr_ul .plr_li .plrl_right .title{font-size:16px;height:30px;line-height:30px;}
    .ps_content .pro_txt{width:100%;overflow-x:auto;}
    .ps_content .pro_txt table{min-width:800px;}


}
/*500以下屏幕*/
@media screen and (max-width:499px){
    .productlist .plr_ul .plr_li .plrl_right .title{font-size:15px;}
    .productlist .pl_left .pl_title{display:none;}
    .productlist .pl_left .pl_r{width:100%;float:none;font-size:14px;height:36px;line-height:36px;padding-right:36px;}
    .productlist .pl_left .pl_r i{width:36px;height:36px;}
    .productlist .pl_left .pll_ul{top:36px;}
    .productlist .plr_ul .plr_li{margin-top:20px;}
}
